<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <script src="jquery.min.js"></script>
</head>

<body>
  <div>惊喜不，意外不</div>
  <div>惊喜不，意外不</div>
  <div>惊喜不，意外不</div>
  <div>惊喜不，意外不</div>
  <ul>
    <li>相同的操作</li>
    <li>相同的操作</li>
    <li>相同的操作</li>
  </ul>
  <script>
    // 1. 获取四个div元素
    console.log($("div"))

    // 2. 给四个div设置背景颜色为粉色
    // $(function () {
    //   for (let i = 0; i < 4; i++) {
    //     $("div")[i].style.backgroundColor = "pink"
    //   }
    // })
    // 隐式迭代 就是把匹配的所有元素进行遍历循环 给每一个元素添加css这个方法
    $("div").css("background", "pink")
    $("ul li").css("background", "red")
  </script>
</body>

</html>